/* 版心 */
.wrapper{
  width: 1240px;
  margin: 0 auto;
  /* background-color: red; */
}
h1{
  width: 171px;
  height: 62px;
  background-image: url(../images/logo.png);
  margin: 10px 0;
}
/* 背景图 */
.bgc{
  background: url(../images/bg.png) no-repeat center center #7f00ff;
}
.bg{
  position: relative;
  height: 486px;
  /* background-color: #fff; */
  /* background: url(../images/bg.png) no-repeat center center #7f00ff; */
  
}
/* 表单 */
.login-container {
  position: absolute;
  right: 17%;
  /* top: 10%; */
  width: 300px;
  margin: 50px auto;
  background-color: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border: 1px solid #b1acac;
}
.title {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  color: #9c9c9c;
}
.scan,
.account {
  cursor: pointer;
}
.account {
 color: #ba4847;
}

.advice {
  padding: 5px;
  background-color: #fffdef;
  color: #666;
  font-size: 12px;
  margin-bottom: 6px;
  border: 1px solid #ebb557;
}
.form-group {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  border: 1px solid #76ade1;
}
.form-group img {
  display: block;
  height: 46px;
  width: 46px;
}
.form-group input[type=text],
.form-group input[type=password] {
  width: calc(100% - 24px);
  padding: 14px 16px;
  border: 1px solid #ddd;
  outline: none;
}

/*  */
.aut{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #a9a6a6;
  font-size: 13px;
  margin-bottom: 10px;
}
.remember-me {
  display: flex;
  justify-items: center;
  height: 20px;
}

.forgot-password  a{
  color: #a9a6a6;
  font-size: 13px;
}
.submit-btn {
  width: 100%;
  padding: 13px;
  background-color: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/*  */
.social-login {
  display: flex;
  justify-content: space-around;
  margin: 30px 0;
}
.social-login img {
  width: 25px;
  height: 25px;
}
.register-link {
  text-align: center;
  /* margin-bottom: 20px; */
  color: #6e8ebb;
  font-size: 12px;
  margin-top: 5px;
}

/* 底部 */
.footer{
  color: #ccc;
  font-size: 14px;
}
.mod_copyright {
  text-align: center;
  padding-top: 20px;
  color: #ccc;
}

.links {
  margin-bottom: 15px;
  
}
.copyright {
  margin-bottom: 15px;

}

.links a {
  margin: 0 3px;
}
